<template>
  <el-row>
    <el-col>
      <toolbar-top></toolbar-top>
    </el-col>
    <el-col>
      <vxe-table :data="table.tableData">
        <vxe-table-column type="selection" width="55"></vxe-table-column>
        <vxe-table-column type="index" label="序号"></vxe-table-column>
        <vxe-table-column
          v-for="tableColumn in table.tableColumn"
          :key="tableColumn.field"
          :prop="tableColumn.field"
          :label="tableColumn.title"
        ></vxe-table-column>
      </vxe-table>
    </el-col>
  </el-row>
</template>
<script>
import ToolbarTop from "./ToolbarTop";
export default {
  components: {
    ToolbarTop
  },
  data() {
    return {
      table: {
        tableColumn: [
          {
            field: "ticketNo",
            title: "行业名称"
          },
          {
            field: "createTime",
            title: " 添加日期"
          }
        ],
        tableData: []
      }
    };
  },
  created() {
    this.table.tableData = [
      {
        ticketNo: '房地产',
        createTime: '2019/8/6'
      },
      {
        ticketNo: '钢铁',
        createTime: '2019/8/6'
      },
      {
        ticketNo: '石油',
        createTime: '2019/8/6'
      },
      {
        ticketNo: '石化',
        createTime: '2019/8/6'
      }
    ]
  }
};
</script>